@charset "utf-8";
/*************************************
			初期設定
*************************************/
.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
/*枠や余白をWidthの内側に向けて計算する*/
* {
	-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
 }
html { font-size: 62.5%; } /* 10px */
body { font-size: 1.6rem; } /* 16px */
h1,h2,h3,h4,h5,h6,p,li,dt,dd,th,td,pre,label,input,textarea,button
{
  font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  line-height:1.5em;
  font-size: 1.6rem;
}
p{
	font-size: 1.6rem;
	line-height: 2em;
}
li{font-size: 1.6rem;}
a
{
	text-decoration: none;
	color:#0091c2;
}
a:hover
{
	text-decoration: underline;
}
a img{
	transition:opacity 0.2s;
}
a:hover img{
	opacity: 0.7;
}
img{
	width:100%;cs<br>
	display: block;
}
input[type="submit"]
{
  cursor:pointer;
}
button{
	cursor: pointer;
}
.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

/*************************************
			モジュール
*************************************/
/*display*/
.display-none{display: none !important;}
.display-block{display: block !important;}
.display-inline{display: inline !important;}
.display-inline-block{display: inline-block !important;}
/*centered*/
.centered-pcci-logo{
	/*表示*/
	display: block;
	/*配置*/
	/*margin→border→padding→width*/
	margin: 50px auto 0;
	width: 564px;
	/*背景*/
	/*文字*/
}
.centered-page-title{
	/*表示*/
	/*配置*/
	/*margin→border→padding→width*/
	/*背景*/
	/*文字*/
	font-size: 3rem;
	text-align: center;
}
.centered-description-bold{
	/*表示*/
	/*配置*/
	/*margin→border→padding→width*/
	/*背景*/
	/*文字*/
	font-size: 1.6rem;
	text-align: center;
	font-weight: bold;
}
.centered-text{
	text-align: center;
}
.centered-text-bold{
	text-align: center;
	font-weight: bold;
}
/*frexbox*/
.flexbox{display: flex;}
/*flex-direction*/
.row-reverse{flex-direction:row-reverse;}
.column{flex-direction: column;}
.columun-reverse{flex-direction: column-reverse;}
/*flex-wrap*/
.wrap{flex-wrap: wrap;}
.wrap-reverse{flex-wrap: wrap-reverse;}
/*justiry-content*/
.justify-end{justify-content: flex-end;}
.justify-center{justify-content: center;}
.justify-between{justify-content: space-between;}
.justify-around{justify-content: space-around;}
/*align-items*/
.align-items-start{align-items: flex-start;}
.align-items-end{align-items: flex-end;}
.align-items-center{align-items: center;}
.align-items-baseline{align-items: baseline;}
/*align-content*/
.align-content-start{align-content: : flex-start;}
.align-content-end{align-content: : flex-end;}
.align-content-center{align-content: : center;}
.align-content-between{align-content:space-between;}
.align-content-around{align-content:space-around;}

/*flexboxの小要素*/
.flex-order-1{order: 1;}
.flex-order-2{order: 2;}
.flex-order-3{order: 3;}
.flex-order-4{order: 4;}
.flex-order-5{order: 5;}
.flex-order-6{order: 6;}
.flex-order-7{order: 7;}
.flex-order-8{order: 8;}
.flex-order-9{order: 9;}
.flex-order-10{order: 10;}
.align-self-start{align-self: flex-start;}
.align-self-start{align-self: flex-end;}
.align-self-center{align-self: center;}
.align-self-stretch{align-self: stretch;}
.align-self-baseline{align-self: baseline;}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■
　　  スマホ
■■■■■■■■■■■■■■■■■■■■■■■■■■■■
@media screen and (min-width: 320px) and (max-width: 767px)
{
	h1{font-size: 2rem !important;font-weight: bold;-webkit-text-size-adjust: 100%;}
	h2{
		font-size: 2rem;
		margin-top: 10px;
		margin-bottom: 10px;
		-webkit-text-size-adjust: 100%;
	}
	p{
		font-size: 1rem;
		line-height: 2em;
		-webkit-text-size-adjust: 100%;
	}
	li,th ,td{font-size: 1rem;-webkit-text-size-adjust: 100%;}

}