@charset "UTF-8";

/*--------------------------------------------------------
モバイル用レイアウト（768px以下の解像度のスクリーン含む）
※タブレット縦型はスマホverで表示されるように設定
--------------------------------------------------------*/

@media
only screen and (max-width : 768px){


/*--------------------------------------------------------
サイト全体の共通設定
-------------------------------------------------------*/

html{
	overflow-y: scroll;
	overflow-x: hidden;
}

html,body{
	width: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

textarea,input{ max-width: 95%; }

input[type="submit"],input[type="image"],
input[type="reset"],input[type="button"],
input[type="file"]{ max-width: none; }


/*●画像サイズの調整*/
img {
	height: auto;
	max-width: 100%;
}

a{
	color: #39f;
	-webkit-tap-highlight-color: #fc6;
}


/*--------------------------------------------------------
エリアの設定
--------------------------------------------------------*/

#container{
	padding-top: 0;
	padding-bottom:0em;
}


/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/

/*●ヘッダの回り込み解除*/
#header #header-title,
#header-in #header-text{
	float: none;
	width: 100%;
}
#header .header-logo{ font-size: 2em; }



/*--------------------------------------------------------
ヘッダー画像
--------------------------------------------------------*/

#main-image{
	padding-top:0em;
	height:auto;
}

#main{
	background-color: #fff;
}




/*--------------------------------------------------------
メインコンテンツ（本文）
--------------------------------------------------------*/

#main-contents .contents{
	margin-bottom: 1.5em;
	padding: 0 10px;
}


/*--------------------------------------------------------
※※※※※※※※※モバイル用に追記する場合はここに書く※※※※※※※※※※※※
--------------------------------------------------------*/




/*プロフィール*/


.box_point02_img_profile{
	float:none;
	width:100%;
	height:auto;
}

.box_point02_txt_profile{
	float:none;
	background-color:#efefef;
	width:100%;
	height:auto;
	font-size:90%;
	padding:0px 5px 0px 5px;
}


/*基準*/


.box_point01_title_kijyun{
	float:none;
	background-color:#C40003;
	width:95%;
	height:auto;
	padding:10px 5px 10px 5px;
	font-size:100%;
	color:#fff;
	border-radius:10px 10px 0px 0px;
}

.box_point01_discription_kijyun{
	background-color:#efefef;
	width:95%;
	margin-top:0px;
	margin-bottom:20px;	
	padding:10px 5px 10px 5px;
	border-radius:0px 0px 10px 10px;
}



/*他との違い*/


.box_point01_title_tigai{
	float:none;
	background-color:#313131;
	width:97%;
	height:auto;
	padding:10px 5px 10px 5px;
	font-size:100%;
	color:#fff;
}

.box_point01_discription_tigai{
	background-color:#efefef;
	margin-top:0px;
	margin-bottom:20px;	
	padding:10px 5px 10px 5px;
}

/*手順*/

.box_content_flow{	background-color:#f9f9f9;
	padding:0px 5px 0px 5px;border:3px solid #CC0003;position:relative;	z-index:0;margin-bottom:15px;}/*線*/

.box_point01_num_flow{
	display:none;
}

.box_point01_title_flow{
	float:none;
	background-color:#f9f9f9;
	width:90%;
	height:auto;
	margin-top:20px;
	padding:0px 5px 0px 5px;
	font-size:130%;
	font-weight:bold;
	text-decoration:none;
}

.box_point01_discription_flow{
	background-color:#f9f9f9;
	margin-top:20px;
	margin-bottom:20px;	
	padding:0px 5px 0px 5px;
	position:relative;
}

.box_point01_discription_flow p{
    font-size:80%;
}


/*ブレッド部分*/

.box_list{
	border:1px solid #C4C4C4;
	background-color:#f9f9f9;
	padding:20px 20px 10px;
}


#bred_list{
	list-style-image:url(../images/icon-check01-red.png);
	padding:10px;
}


#bred_list li{
	border-bottom:1px dotted #3c3c3c;
	padding-bottom:10px;
	font-size:90%;
}


.btn:hover{
	opacity:0.7;
}







/*-------------------記述例その①-----------------------------*/

/*記述の枠*/

.box_content_02{padding:10px 0px;}/*線*/

.box_point01_num{
	float:none;
	padding:0px 5px 0px 5px;
	width:98%;
}

.box_point01_title{
	float:none;
	width:98%;
	padding:0px 5px 0px 5px;
	margin-top:10px;
}

.box_point01_discription{
	background-color:#efefef;
	margin-top:10px;
	margin-bottom:20px;	
	padding:0px 5px 0px 5px;
}


/*-------記述例その②---------*/

/*記述の枠*/

.box_content_02{padding:10px 0px;}/*線*/

.box_point02_num{
	float:none;
	padding:0px 5px 0px 5px;
	width:98%;
}

.box_point02_title{
	float:none;
	padding:0px 5px 0px 5px;
	width:98%;
	margin-top:10px;
}

.box_point02_discription{
	background-color:#efefef;
	margin-top:10px;
	margin-bottom:20px;	
	padding:10px;
	overflow:auto;
}

.box_point02_img{
	float:none;
	background-color:#efefef;
	width:98%;
	padding:0px 5px 0px 5px;
}

.box_point02_img img{
	display:block;
	margin:0 auto; 
}

.box_point02_txt{
	float:none;
	width:97%;
	margin-top:10px;
	padding:0px 5px 0px 5px;
}



/*--------------------------------------------------------
Tableをブロック表示に ※table-style01
--------------------------------------------------------*/

#main-contents .table-style01,
#main-contents .table-style01 thead,
#main-contents .table-style01 tbody,
#main-contents .table-style01 tfoot,
#main-contents .table-style01 tr,
#main-contents .table-style01 th,
#main-contents .table-style01 td{ display: block; }

#main-contents .table-style01 th,
#main-contents .table-style01 td{
	float: left;
	width: 100%!important;
	box-sizing: border-box;
	-moz-box-sizing: padding-box;
}

#main-contents .table-style01{ /zoom : 1; }
#main-contents .table-style01:after{ content : ''; display : block; clear : both; height:0; }


#main-contents .v-wrap{
	position: relative;
	overflow: hidden;
	height: 0;
	padding-bottom: 56.25%;
	padding-top: 30px;
}

#main-contents .v-wrap iframe,
#main-contents .v-wrap object,
#main-contents .v-wrap embed{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/*--------------------------------------------------------
フッター
--------------------------------------------------------*/


.copyright{ padding:20px 0 0 0; 
                  font-size: 1em;}

.copyright span{ display: block; }


}

@media not screen and (1) { .page-top { position: static; } }/* Opera10以上 */





/*-----------------------------------------------------------------------------------------

以下、デザインに使用する場合に使うCSS 普段は未使用

-------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------
トップ
--------------------------------------------------------*/
/*
#top{ 
	position: relative;
	top: 0;
	height: auto;
	font-size: 1.2em;
}

#top-menu{
	float: none;
}

#top-menu li{
	text-align: left;
	display: block;
}

*/
/*--------------------------------------------------------
グローバルナビ
--------------------------------------------------------*/
/*
#global-nav{ border-bottom: 0; }

#global-nav dt{
	padding-left: 2.5em!important;
	background: url(../images/icon/icon-arrow05.png) 1em center no-repeat #333;
	color: #fff;
}

#global-nav #global-nav-in .menu-wrap{ display:none; }

#global-nav #global-nav-in #menu{ margin-bottom: 0; }

#global-nav #global-nav-in #menu,
#global-nav #global-nav-in #menu li{
	width: 100%;
	border: 0;
}

#global-nav #global-nav-in #menu li{
	border-bottom: 1px solid #fff;
	background-color: #eaeaea;
	white-space: normal;
}

#global-nav #global-nav-in #menu li.first{ border-left: 0; }

#global-nav #global-nav-in #menu ul{
	position: static;
	width: auto;
	padding-left: 10%;
}

#global-nav #global-nav-in #menu ul li{ width: 100%; }

#global-nav #global-nav-in #menu ul li:last-child{ border-bottom: 0; }

#global-nav #global-nav-in #menu li a:link,
#global-nav #global-nav-in #menu li a:visited,
#global-nav #global-nav-in #menu li a:hover,
#global-nav #global-nav-in #menu li a:active{ background: url(../images/icon/icon-arrow04.png) 1em 1em no-repeat #eaeaea; }

#global-nav #global-nav-in #menu ul li a{ width: auto; }

#global-nav .btn-gnav{
	display:block;
	padding: 1em;
	cursor: pointer;
}

*/