@charset "UTF-8";
/* ==================
● pc.css
================== */
@media screen and (max-width: 960px){
/* ==================
▼▼▼ display
================== */
.PC_cmn{
	display: none !important; }
.PC_all{
	display: block !important; }
.PC{
	display: block !important; }
.PCTB{
	display: block !important; }
.PCTBSP{
	display: block !important; }
.TBSP{
	display: none !important; }
.TB{
	display: none !important; }
.SP{
	display: none !important; }

img{
	max-width: 100%;
	height: auto;
	width /***/: auto; }
	
.clear{
	clear: both; }
	
.wrap {
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/ 
	flex-wrap: wrap; }


/* ==================
▼▼▼ 背景
================== */
#b01_bk{
	background: url(../img/index_b01_bg.png) center top no-repeat; height: 600px; }


/* ==================
▼▼▼ title
================== */
.link_bk{
	background-color: #064996;
	padding: 30px 0; }
h2{
	width: 500px; margin: 0 auto;
	background-color: #f25459;
    padding: 0.8em;
    border: 5px solid #fff;
	color: #fff; text-align: center;
    font-size: 1.4em;
    font-weight: bold;
    border-radius: 60px; }


/* ==================
=== Common
================== */
body {
	text-align: justify; margin: 0; padding: 0;
	font-size: 1em; line-height: 1.65;
	font-feature-settings: "palt"; color: #333; }

header{
	width: 80%; height: 70px;
	margin: 0px auto; }
header img{
	height: 70px; padding: 10px 0; }

.layout_box{
	width: 80%; margin: 0px auto; }

hr{
	border-top: 5px dotted silver; }
.hr_sp01{	
	margin-top: 50px; padding-top: 30px; }	
.hr_sp02{	
	margin-top: 30px; padding-top: 30px; }

#area h3{
	font-size: 1.2rem; color: #11b1ff; }
#area p{
	font-size: 0.9rem; }
	
	
/* ==================
▼▼▼ レイアウト
================== */
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}

/* ==================== */
.item_box{
	width: 80%;
	margin-left: auto;
	margin-right: auto; }

.plan_box{
	width: 300px;
	margin: 0 auto 50px auto;
	font-size: 1.2rem; }
	
.cmn_box{
	width: 80%; margin: 0px auto; }

/* ==================== */
.item02{
	width: 100%;
	margin: 0 auto; }

/* ==================== */
.item03{
	width: 100%;
	margin: 0 auto; }
.item03:nth-child(1){
	padding: 0 0 50px 0; }
.item03:nth-child(2){
	padding: 0 0 50px 0; }
.item03:nth-child(3){
	padding: 0 0 80px 0; }

/* ==================== */
.item04{
	width: calc(100% / 2); }
.item04:nth-child(1){
	padding: 0 20px 40px 0; }
.item04:nth-child(2){
	padding: 0 0 40px 20px; }
.item04:nth-child(3){
	padding: 0 20px 40px 0; }
.item04:nth-child(4){
	padding: 0 0 40px 20px; }
	
/* ==================== */
.item06{
	width: calc(100% / 2); }
.item06:nth-child(1){
	padding: 0 10px 20px 0; }
.item06:nth-child(2){
	padding: 0 0 20px 10px; }
.item06:nth-child(3){
	padding: 0 10px 20px 0; }
.item06:nth-child(4){
	padding: 0 0 20px 10px; }
.item06:nth-child(5){
	padding: 0 10px 100px 0; }
.item06:nth-child(6){
	padding: 0 0 100px 10px; }
	

/* ==================
=== Space
================== */
.spc-tb50{
	padding: 50px 0; }
.spc-tb100{
	padding: 100px 0; }
.spc-t100{
	padding-top: 100px; }
.spc-t50{
	padding-top: 50px; }
.spc-b100{
	padding-bottom: 100px; }
.spc-bk01{
	padding: 80px 0 0 0; }





/* ==================
▼▼▼ header
================== */
/* 見出し */
.site-description{
	font-size: 0.75em;
	font-weight: normal;
	padding: 2px;
}


/* ==================
▲▲▲ pc.css
================== */
}