@charset "utf-8";

/*
body
----------------------------------------*/
html,body{
     height: 100%;
}
body {
	min-width: 1000px;
	color: #000;
	margin:0 auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.84;
	background:#fff;
}

@media screen and (min-width: 600px) {

body a:hover {
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6 ease;
	-o-transition: all 0.6 ease;
	transition: all 0.6 ease;
	opacity:0.7; 
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}

}

/* ===================================================================
WEB FONTS
=================================================================== */

.oswald { font-family: 'Oswald',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

/* ===================================================================
fonts 14px tenmplate
=================================================================== */

.ft_09 { font-size: 64%;} .ft_10 { font-size: 71%;} .ft_11 { font-size: 78%;} .ft_12 { font-size: 85%;}
.ft_13 { font-size: 92%;} .ft_14 { font-size: 100%;} .ft_15 { font-size: 107%;} .ft_16 { font-size: 114%;}
.ft_17 { font-size: 121%;} .ft_18 { font-size: 128%;} .ft_20 { font-size: 142%;} .ft_22 { font-size: 157%;}
.ft_24 { font-size: 171%;} .ft_25 { font-size: 178%;} .ft_30 { font-size: 214%;} .ft_32 { font-size: 228%;}

/* 共通
----------------------------------------*/

#wrapper { position: relative; min-height: 100%; }
p{ line-height:1.84; padding: 0; margin: 0;}
.text_a_l{ text-align:left;}
img { border: 0 none; vertical-align: top; max-width : 100%; height: auto; max-height:100%;}
a img { border: 0 none; vertical-align: top; max-width : 100%; height: auto; max-height:100%;}
a { text-decoration:none; color:#000; }
.bold{ font-weight:bold;}
ul,li { margin: 0; padding: 0;}
ul li{ list-style-type: none;}
h1{ margin: 0; padding: 0;}

.sp_on{ display:none!important;}
.tb_on{ display:none!important;}
.tb_on_only{ display:none!important;}

/* INNER */

.inner{ width: 1000px; margin: 0 auto; clear: both; overflow: hidden; }
.inner__head{ width: 1000px; margin: 0 auto; clear: both; overflow: hidden; }
.inner__list__ptn03{ width: 1000px; margin: 0 auto; clear: both; overflow: hidden; }

/* HEADER */

header{ width:100%; height:80px; margin:0 auto; clear:both; position:fixed; top:0; z-index:100; background:#fff; border-top:4px solid #e14234; }
.head__logo{ float: left;}
.head__present{ float: right;}
.head__phone{ float: right;}

/* FOOTER */

footer{ width:100%; background: #333; padding:30px 0; clear:both;}
.foot__link{ float: left; width: 300px; overflow: hidden; }
.foot__link li{ display: inline; border-right:1px solid #fff; }
.foot__link li:nth-child(1){ border-left:1px solid #fff; }
.foot__link li a{ font-size: 85%; color: #fff; display: inline-block; padding: 0 13px}
.copy{ float: right; font-size: 85%; color: #fff;}

/* SECTION01 */

.sec__01{ clear: both; position: relative;}
.sec__01{ margin: 0; padding: 0;}
.sec__01 img{ width: 100%; height: auto;}

/* SECTION02 */

.sec__02{ clear: both; position: relative; padding: 50px 0; background: #f4f4f2;}

.service__list{ overflow: hidden; clear: both; letter-spacing: -.4em; width: 100%;}
.service__list li{ width: 25%; display: inline-block; text-align: center; border-right:1px dashed #cacaca; letter-spacing: normal; }
.service__list li:last-child{ border-right:none; }
.service__list li img{ display: block; margin: 0 auto 10px auto;}
.service__list__til{ margin: 0 auto; color: #000; font-size: 164%; }
.service__list__txt{ font-size: 114%;}

.service__list02{ clear: both; letter-spacing: -.4em; width: 95%; margin: 0 auto;}
.service__list02 li{ width: 47%; margin:0 6% 40px 0; padding: 25px; background: #fff; display: inline-block; text-align: left; border:4px solid #d84231; letter-spacing: normal; border-radius: 10px;
box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.2);
}
.service__list02 li:nth-child(2n){ margin:0 0 40px 0; }
.service__list02 li:nth-child(3){ margin:0 6% 0 0; }
.service__list02 li:nth-child(4){ margin:0 0 0 0; }
.service__list02 li img{ float: left; width:26%; padding: 6px 0;}
.service__list02__box{ float: right; width:67%;}
.service__list02__til{ margin: 0 auto 10px auto; font-size: 200%; line-height: 1.2; color: #d84231; }
.service__list02__til span{background: url(../img/bg_til.png) repeat-x left bottom; padding: 0 5px;}
.service__list02__txt{ font-size: 114%;}
.service__list02__txt__r01{ font-size: 150%; color: #d84231; padding-left: 5px; }
.service__list02__txt__r02{ color: #d84231; padding-right: 5px; }

/* SECTION03 */

.sec__03{ clear: both; position: relative; padding: 0; background: #f5f5f5;}
.sec__03__intro{ padding: 70px 0; clear: both; background: url(../img/bg_sec03_intro.jpg) no-repeat center top / cover;}
.sec__03__intro__til{ font-size: 428%; margin: 0 auto 20px auto; text-align: center; color: #fff;}
.sec__03__intro__br{ display: none;}
.plain__list{ overflow: hidden; clear: both; width: 100%; background: #fff; padding: 30px;}
.plain__list li{ overflow: hidden; clear: both; font-size: 142%; padding-left: 32px; margin: 0 0 15px 0; background: url(../img/bg_check.png) left 7px no-repeat;}
.plain__list li span{ font-weight: bold; text-decoration: underline;}
.sec__03__box{ clear: both; position: relative; padding: 60px 0; overflow: hidden; }
.sec__03__left{ float: left; width: 50%; text-align: left;}
.sec__03__right{ float: right; width: 50%; text-align: left; overflow: hidden;}
.sec__03__right__til{ margin: 0 auto 20px auto; padding: 0; line-height: 1.2; display: flex; font-size: 142%; font-weight: normal; align-items: center; text-align: left; /* for no-flexbox browsers */ }
.sec__03__right__til:after { color: #000; border-top: 2px solid; content: ""; display: inline; /* for IE */ flex-grow: 1;}
.sec__03__right__til:after { margin-left: 0.5em }
.sec__03__right p{ font-size: 142%;}

/* COMMON BG */

.common__back{ padding: 100px 0; text-align: center; color: #fff; }
.common__back01{ background: url(../img/bg01.jpg) no-repeat center center / cover;}
.common__back02{ background: url(../img/bg02.jpg) no-repeat center center / cover;}
.common__back03{ background: url(../img/bg03.jpg) no-repeat center center / cover;}
.common__back04{ background: url(../img/bg04.jpg) no-repeat center center / cover;}
.common__back__ex01{ background: url(../img/bg_ex01.jpg) no-repeat center center / cover;}
.common__back__ex02{ background: url(../img/bg_ex02.jpg) no-repeat center center / cover;}

.common__back__til01{ font-size: 142%;}
.common__back__til01 span{ font-size: 300%;}
.common__back__til02{ font-size: 428%; line-height: 1.3;}
.common__back__til03{ font-size: 156%;}
.common__back__til03 span{ font-size: 272%;}

/* SECTION04 */

.sec__04{ clear: both; position: relative; }
.list__ptn01{ overflow: hidden; clear: both;}
.list__ptn01 li{ overflow: hidden; clear: both; padding: 50px 0; width: 100%; border-bottom: 1px dotted #000; display: table; }
.list__ptn01 li:last-child{ border-bottom:none; }
.list__ptn01__img{ display: table-cell; vertical-align: middle; height: 100%;}
.list__ptn01__img h3{ padding: 0; margin: 0;}
.list__ptn01__txt{ font-size: 114%; text-align: left; display: table-cell; }
.list__ptn01__txt span{ font-weight: bold; text-decoration: underline;}
.list__ptn01 li:nth-child(1) .list__ptn01__img{ width: 470px; }
.list__ptn01 li:nth-child(2) .list__ptn01__img{ width: 490px; text-align: center; }
.list__ptn01 li:nth-child(3) .list__ptn01__img{ width: 470px; }
.list__ptn01 li:nth-child(1) .list__ptn01__txt{ width: 500px; }
.list__ptn01 li:nth-child(2) .list__ptn01__txt{ width: 480px; }
.list__ptn01 li:nth-child(3) .list__ptn01__txt{ width: 500px; }

/* INTERLUDE */

.sec__interlude{ clear: both; position: relative; padding: 50px 0; }
.sec__interlude__box{ background: url(../img/bg_interlude.png) repeat; padding: 9px;}
.sec__interlude__box__inner{ background: #fff; padding: 35px; overflow: hidden;}
.sec__interlude__left{ float: left; width: 560px; font-size: 156%; line-height: 1; padding: 20px 0; font-weight: bold;}
.sec__interlude__left__br{ display:none;}
.sec__interlude__right{ float: right; width: 326px;}
.sec__interlude__right a{ background: #d94234; padding: 20px 0; line-height: 1; display: block; font-size: 142%; color: #fff; text-align: center; border-bottom: 5px solid #c01122;}

/* SECTION_EX01 */

.sec__ex01{ clear: both; position: relative; background: #eee; }
.sec__ex01__list{ overflow: hidden; clear: both; padding: 60px 0; }
.sec__ex01__list li{ overflow: hidden; clear: both; margin: 0 auto 20px auto; background: #fff;box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.2);}
.sec__ex01__list__left{ width: 50%; float: left;}
.sec__ex01__list__right{ width: 50%; float: right;}
.sec__ex01__list__txt{ padding: 40px 2%; text-align: center;}
.sec__ex01__list__txt img{ padding: 0; margin: 0 auto 20px auto; display: block;}
.sec__ex01__list__txt h3{ font-size: 142%; text-align: center;}
.sec__ex01__list__txt h3 span{ font-size: 150%; background: url(../img/bg_til.png) repeat-x left bottom; padding: 0 5px;}

/* SECTION_EX02 */

.sec__ex02{ clear: both; position: relative; }
.sec__ex02__list__box{ padding: 60px 0;}
.sec__ex02__list__catch{ padding:0 0 60px 0; text-align: center;}
.sec__ex02__list__til{ position: relative; z-index: 1; letter-spacing: normal; overflow: hidden; margin: 0 auto 40px auto; }
.sec__ex02__list__til__line{ display: block; height:1px; position: absolute; z-index: 2; top: 50%; left: 0; width: 100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,d94234+25,d94234+50,d94234+75,ffffff+100&0+0,1+25,1+50,1+75,0+100 */
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(217,66,52,1) 25%, rgba(217,66,52,1) 50%, rgba(217,66,52,1) 75%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(217,66,52,1) 25%,rgba(217,66,52,1) 50%,rgba(217,66,52,1) 75%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(217,66,52,1) 25%,rgba(217,66,52,1) 50%,rgba(217,66,52,1) 75%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
.sec__ex02__list__til01{ position: relative; z-index: 3; margin: 0 auto; line-height: 120px; overflow: hidden; font-size: 212%; height: 120px; width: 120px; background: #d94234; border-radius: 50%; text-align: center; color: #fff;}
.sec__ex02__list__til02{ position: relative; z-index: 3; margin: 0 auto; line-height: 1.1; padding: 28px 0; overflow: hidden; font-size: 212%; height: 120px; width: 120px; background: #d94234; border-radius: 50%; text-align: center; color: #fff;}
.sec__ex02__list{ overflow: hidden; clear: both; padding: 0; letter-spacing: -.4em; }
.sec__ex02__list li{ font-size: 114%; display: inline-block; width: 33.3%; vertical-align: top; text-align: center; overflow: hidden; margin: 0 0 40px 0; letter-spacing: normal; }
.sec__ex02__list li img{ display: block; margin: 0 auto 10px auto;}
.sec__ex02__list li:nth-child(4) { width: 100%;}

.sec__ex02__list__br__pc{ display: block!important;}
.sec__ex02__list__br__sp{ display: none!important;}

/* SECTION05 */

.sec__05{ clear: both; position: relative; background: #eee; }
.list__ptn02{ overflow: hidden; clear: both; padding: 60px 0; }
.list__ptn02 li{ overflow: hidden; float: left; width: 48%;}
.list__ptn02 li:nth-child(2){ float: right; }
.list__ptn02 li:nth-child(3){ float: none; display: block; margin: 0 auto; padding: 30px 0 0 0;}
.list__ptn02__til{ margin: 0 auto 10px auto;}
.list__ptn02 li p{ font-size: 114%; line-height: 2; text-align: left;}
.list__ptn02 li p span{ font-weight: bold;}

/* SECTION06 */

.sec__06{ clear: both; position: relative; }
.list__ptn03{ overflow: hidden; clear: both; padding: 0; letter-spacing: -.4em;}
.list__ptn03 li{ overflow: hidden; display:inline-block; width: 33.3%; text-align: center; margin: 0 0 0 0; padding: 40px 0px; letter-spacing: normal; vertical-align: top; }
.list__ptn03 li:nth-child(4),.list__ptn03 li:nth-child(5),.list__ptn03 li:nth-child(6){margin: 0 0 0 0;}
.list__ptn03 li:nth-child(1),.list__ptn03 li:nth-child(3),.list__ptn03 li:nth-child(5){ background: #f7f7f7;}
.list__ptn03__step{ margin: 0 auto 10px auto; letter-spacing: normal; }
.list__ptn03__til__box{ display: table; height: 100px; width: 100%; letter-spacing: normal; margin: 0 auto 10px auto; }
.list__ptn03__til{width: 100%; height: 100%; letter-spacing: -0.03em; line-height: 1.5; font-size: 128%; vertical-align: middle; display: table-cell;}

.list_ptn03__set{ width: 70%; margin:0 auto; clear: both; text-align: center; color: #fff; border-radius:15px; overflow: hidden;}
.list_ptn03__set__til{ padding: 10px 0; background: #6ba0a1; margin: 0 auto 2px auto;letter-spacing: normal; }
.list_ptn03__set__txt{ padding: 15px 0; font-size: 114%; background: #7cb9ba;letter-spacing: normal; }

/* SECTION07 */

.sec__07{ clear: both; position: relative; }
.sec__07__front{ padding: 60px 0; clear: both; background: url(../img/bg05.jpg) no-repeat center top / cover;}
.sec__07__front__sub{ font-size: 200%; margin: 0 auto 20px auto; color: #fff; text-align: center;}
.sec__07__front__til{ font-size: 322%; line-height: 1.6; margin: 0 auto 30px auto; color: #fff; text-align: center; letter-spacing: 0.1em;}
.sec__07__list{ clear: both; position: relative; z-index: 1; padding: 20px 0;}
.sec__07__list__img{ width:34%; position: absolute; z-index: 3; left: 0; top: 0;}
.sec__07__list__til{ position: relative; background: #836c4e; padding: 15px 2% 15px 34%; text-align: left; margin: 30px 0 0 20px; font-size: 184%; color: #fff;}
.sec__07__list ul{ position: relative; background: #fff; padding: 20px 0 20px 34%; text-align: left; margin: 0 0 0 20px;}
.sec__07__list ul li{ margin: 0 2% 15px 0; font-size: 142%; position: relative; z-index: 2; padding: 0 0 0 75px ;}
.sec__07__list ul li .point{ position:absolute; left: 0; top: 6px; z-index: 3; font-size: 60%; color: #fff; padding: 2px 10px; text-align: center; background: #836c4e; border-radius: 15px;}
.sec__07__list ul li:last-child{ margin: 0 0 0 0;}

/* SECTION08 */

.sec__08{ width:100%; position:relative; margin:0 auto; padding:100px 0 0 0; z-index:1; clear:both; background: #e8e7de;}
.sec__08 h2{ padding:0 0 20px 0; font-size: 428%; margin:0 auto; text-align: center; display:block;}
.sec__08box{ width:100%; clear:both; margin:0 auto; padding: 0 0 100px 0;}

/* THANKS */

.thanks__box{ padding: 150px 0 100px 0; margin: 0 auto; clear: both;}
.thanks__box h1{ padding:0 0 30px 0; font-size: 300%; line-height: 1.4; margin:0 auto; text-align: center; display:block;}
.thanks__box p{ text-align: center; margin: 0 auto 30px auto;}
#ThanksComment a{ cursor:pointer; letter-spacing: 0.05em; width:350px; padding: 20px 0; font-weight: bold; text-align:center; color:#FFFFFF; background:#d84231; font-size: 142%; display:block; margin:0 auto;
transition: all 0.3s ease-in-out 0s; -webkit-appearance:none; border-radius: 10px; border-bottom:10px solid #b4382c; border-left:none; border-right: none; border-top: none; }

/*********** PCレイアウトここまで ***********/

@media screen and (min-width: 600px) and (max-width: 1024px) {

body {
	min-width: 100%;
}

/* INNER */

.inner{ width: 96%; margin: 0 auto; clear: both; overflow: hidden; }
.inner__head{ width: 100%; padding: 0 0 0 2%; margin: 0; clear: both; overflow: hidden; }
.inner__list__ptn03{ width: 100%; margin: 0 auto; clear: both; overflow: hidden; }

/* HEADER */

header{ width:100%; height:auto; margin:0 auto; clear:both; position:fixed; top:0; z-index:100; background:#fff; border-top:4px solid #e14234; }
.head__logo{ width: 37.4%;}
.head__present{ width: 25%;}
.head__phone{ width: 25%;}

/* FOOTER */

footer{ width:100%; background: #333; padding:30px 0; clear:both;}
.foot__link{ float: left; width: 300px; overflow: hidden; }
.foot__link li a{ font-size: 85%; color: #fff; display: inline-block; padding: 0 13px}
.copy{ float: right; text-align: right; font-size: 85%; color: #fff;}

/* SECTION02 */

.service__list{ overflow: hidden; clear: both; letter-spacing: -.4em; width: 100%;}
.service__list li{ padding:0 2%; vertical-align: top; }
.service__list__txt{ font-size: 100%;}

/* SECTION03 */

.sec__03{ clear: both; position: relative; padding: 0px 0; background: #f5f5f5;}
.sec__03__left{ float: left; width: 50%; padding: 0 2%; text-align: left;}
.sec__03__right{ float: right; width: 50%; padding: 0 2%; text-align: left; overflow: hidden;}
.sec__03__right p{ font-size: 114%;}

/* COMMON BG */

.common__back{ padding: 50px 0; text-align: center; color: #fff; }

/* SECTION04 */

.list__ptn01{ overflow: hidden; clear: both;}
.list__ptn01 li{ overflow: hidden; clear: both; width: 100%; padding: 50px 0; margin: 0 auto; border-bottom: 1px dotted #000; display: block; }
.list__ptn01 li:last-child{ border-bottom:none; }
.list__ptn01__img{ display: block; margin: 0 0 20px 0;}
.list__ptn01__txt{ font-size: 114%; text-align: left; display: block; }
.list__ptn01__txt span{ font-weight: bold; text-decoration: underline;}
.list__ptn01 li:nth-child(1) .list__ptn01__img{ width: 100%; }
.list__ptn01 li:nth-child(2) .list__ptn01__img{ width: 100%; text-align: left; }
.list__ptn01 li:nth-child(3) .list__ptn01__img{ width: 100%; }
.list__ptn01 li:nth-child(1) .list__ptn01__txt{ width: 100%; }
.list__ptn01 li:nth-child(2) .list__ptn01__txt{ width: 100%; }
.list__ptn01 li:nth-child(3) .list__ptn01__txt{ width: 100%; }

/* SECTION05 */

.list__ptn02{ overflow: hidden; clear: both; padding: 40px 0; }
.list__ptn02 li{ overflow: hidden; float: none; width: 100%; margin: 0 auto 30px auto; }
.list__ptn02 li:nth-child(2){ float: none; }
.list__ptn02 li:nth-child(3){ float: none; display: block; margin: 0 auto; padding: 0 0 0 0;}
.list__ptn02__til{ margin: 0 auto 20px auto; }

/* SECTION06 */

.sec__06{ clear: both; position: relative; }
.list__ptn03{ overflow: hidden; clear: both; padding: 0px 0; letter-spacing: -.4em;}
.list__ptn03 li{ overflow: hidden; display:inline-block; width: 33.3%; padding: 40px 2%; text-align: center; letter-spacing: normal; margin: 0 0 0 0;}
.list__ptn03 li:nth-child(4),.list__ptn03 li:nth-child(5),.list__ptn03 li:nth-child(6){margin: 0 0 0 0;}
.list__ptn03__step{ margin: 0 auto 10px auto; }
.list__ptn03__til__box{ display: table; height: 100px; width: 100%;}
.list__ptn03__til{ width: 100%; height: 100%; letter-spacing: -0.03em; line-height: 1.5; font-size: 128%; vertical-align: middle; display: table-cell;}
.list_ptn03__set{ width: 80%; margin:0 auto; clear: both; text-align: center; color: #fff; border-radius:15px; overflow: hidden;}


.pc_on_only{ display:none!important;}
.tb_on_only{ display:block!important;}
.tb_on{ display:block!important;}

}

/* 600～1024ここまで
----------------------------------------*/

/* INTERLUDE用調整（ディスプレイ幅1024px以下） */

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

/* INTERLUDE */

.sec__interlude{ clear: both; position: relative; padding: 50px 0; }
.sec__interlude__box{ background: url(../img/bg_interlude.png) repeat; padding: 9px;}
.sec__interlude__box__inner{ background: #fff; padding: 35px; overflow: hidden;}
.sec__interlude__left{ float: none; width: 100%; padding: 0 0 20px 0; line-height: 1.5; text-align: center;}
.sec__interlude__right{ float: none; width: 100%; }

/* SECTION_EX01 */

.sec__ex01__list li{ overflow: hidden; clear: both; margin: 0 auto 20px auto; background: #fff;box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.2);}
.sec__ex01__list__left{ width: 50%; float: left;}
.sec__ex01__list__right{ width: 50%; float: right;}
.sec__ex01__list__txt{ padding: 30px 2% 0 2%; text-align: center;}
.sec__ex01__list__txt img{ padding: 0; margin: 0 auto 20px auto; max-width: 30%; display: block;}
.sec__ex01__list__txt h3{ font-size: 114%; padding: 0px 0 0 0; text-align: center;}
.sec__ex01__list__txt h3 span{ font-size: 150%; background: url(../img/bg_til.png) repeat-x left bottom; padding: 0 5px;}

}

/* ～1024ここまで
----------------------------------------*/

/* SECTION_EX01用調整（ディスプレイ幅959px以下） */

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

/* SECTION_EX01 */

.sec__ex01__list li{ overflow: hidden; clear: both; margin: 0 auto 30px auto; background: #fff;box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.2);}
.sec__ex01__list__left{ width: 50%; float: left;}
.sec__ex01__list__right{ width: 50%; float: right;}
.sec__ex01__list__txt{ padding: 30px 2% 0 2%; text-align: center;}
.sec__ex01__list__txt h3{ font-size: 114%; padding: 10px 0 0 0; text-align: center;}
.sec__ex01__list__txt h3 span{ font-size: 150%; background: url(../img/bg_til.png) repeat-x left bottom; padding: 0 5px;}


/* SECTION_EX02 */

.sec__ex02__list li{ font-size: 114%; display: inline-block; width: 33.3%; padding: 0 2%; vertical-align: top; text-align: center; overflow: hidden; margin: 0 0 40px 0; letter-spacing: normal; }
.sec__ex02__list li:nth-child(4) { width: 78%; margin: 0 auto 40px auto; text-align: center; display: table;}

}

/* ～959ここまで
----------------------------------------*/


/* SECTION03用調整（ディスプレイ幅899px以下） */

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

/* SECTION03 */

.sec__03__intro__til{ font-size: 257%; margin: 0 auto 30px auto; line-height: 1.4; text-align: center; color: #fff;}
.sec__03__intro__br{ display: block;}
.plain__list li{ overflow: hidden; clear: both; font-size: 128%; line-height: 150%; padding-left: 32px; margin: 0 0 15px 0; background: url(../img/bg_check.png) left 4px no-repeat;}

/* SECTION_EX01 */

.sec__ex01__list{ overflow: hidden; clear: both; padding: 60px 0; display: table; margin: 0 auto; }
.sec__ex01__list__left{ width: 100%; float: none;}
.sec__ex01__list__right{ width: 100%; float: none;}
.sec__ex01__list__visual img{ display: block; margin:0 auto 10px auto;}
.sec__ex01__list__txt{ padding: 20px 2%; text-align: center;}
.sec__ex01__list__txt img{ padding: 0; margin: 0 auto 20px auto; max-width: 30%; display: block;}
.sec__ex01__list__txt h3{ font-size: 114%; padding: 0px 0 0 0; text-align: center;}
.sec__ex01__list__txt h3 span{ font-size: 150%; background: url(../img/bg_til.png) repeat-x left bottom; padding: 0 5px;}

/* SECTION07 */

.sec__07__list__img{ width:34%; position: absolute; z-index: 3; left: 0; top: 20px;}
.sec__07__list ul li{ margin: 0 4% 15px 0; font-size: 142%; position: relative; z-index: 2; padding: 0 0 0 75px ;}

}

/* ～899ここまで
----------------------------------------*/

/* SECTION07用調整（ディスプレイ幅799px以下） */

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

/* SECTION07 */

.sec__07{ clear: both; position: relative; }
.sec__07__front{ padding: 60px 0; clear: both; background: url(../img/bg05.jpg) no-repeat center top / cover;}
.sec__07__front__sub{ font-size: 184%; margin: 0 auto 20px auto; color: #fff; text-align: center;}
.sec__07__front__til{ font-size: 242%; line-height: 1.6; margin: 0 auto 30px auto; color: #fff; text-align: center; letter-spacing: 0.1em;}
.sec__07__list{ clear: both; position: relative; z-index: 1; padding: 20px 0;}
.sec__07__list__img{ width:26%; position: absolute; z-index: 3; left: 0; top: 20px;}
.sec__07__list__til{ position: relative; background: #836c4e; padding: 15px 2% 15px 26%; text-align: left; margin: 30px 0 0 20px; font-size: 184%; color: #fff;}
.sec__07__list ul{ position: relative; background: #fff; padding: 20px 0 20px 26%; text-align: left; margin: 0 0 0 20px;}
.sec__07__list ul li{ margin: 0 4% 15px 0; font-size: 142%; position: relative; z-index: 2; padding: 0 0 0 75px ;}
.sec__07__list ul li .point{ position:absolute; left: 0; top: 6px; z-index: 3; font-size: 60%; color: #fff; padding: 2px 10px; text-align: center; background: #836c4e; border-radius: 15px;}
.sec__07__list ul li:last-child{ margin: 0 0 0 0;}

}

/* ～799ここまで
----------------------------------------*/

/* SECTION06用調整（ディスプレイ幅767px以下） */

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

/* SECTION06 */

.sec__06{ clear: both; position: relative; }
.list__ptn03{ overflow: hidden; clear: both; padding: 0px 0; letter-spacing: -.4em;}
.list__ptn03 li{ overflow: hidden; display:inline-block; width: 50%; padding: 30px 2%; text-align: center; letter-spacing: normal; margin: 0 0 0 0;}
.list__ptn03 li:nth-child(4),.list__ptn03 li:nth-child(5),.list__ptn03 li:nth-child(6){margin: 0 0 0 0;}
.list__ptn03 li:nth-child(1),.list__ptn03 li:nth-child(4),.list__ptn03 li:nth-child(5){ background: #f6f6f6;}
.list__ptn03 li:nth-child(3){ background: #fff;}
.list__ptn03__step{ margin: 0 auto 10px auto; }
.list__ptn03__til__box{ display: table; height: 100px; width: 100%;}
.list__ptn03__til{ width: 100%; height: 100%; letter-spacing: -0.03em; line-height: 1.5; font-size: 128%; vertical-align: middle; display: table-cell;}
.list_ptn03__set{ width: 80%; margin:0 auto; clear: both; text-align: center; color: #fff; border-radius:15px; overflow: hidden;}

}

/* ～767ここまで
----------------------------------------*/

/* SECTION02用調整（ディスプレイ幅699px以下） */

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

/* SECTION02 */

.service__list02{ clear: both; letter-spacing: -.4em; width: 100%; margin: 0 auto;}
.service__list02 li{ width: 100%; margin:0 0 30px 0; padding: 25px; background: #fff; display: inline-block; text-align: left; border:4px solid #d84231; letter-spacing: normal; border-radius: 10px;
box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.2);}
.service__list02 li:nth-child(2n){ margin:0 0 40px 0; }
.service__list02 li:nth-child(3){ margin:0 0 40px 0; }
.service__list02 li:nth-child(4){ margin:0 0 0 0; }
.service__list02 li img{ float: left; width:23%; padding: 6px 0;}
.service__list02__box{ float: right; width:70%;}
.service__list02__til{ margin: 0 auto 20px auto; font-size: 228%; line-height: 1.2; color: #d84231; }

/* INTERLUDE */

.sec__interlude__box__inner{ background: #fff; padding: 30px 4%; overflow: hidden;}
.sec__interlude__left__br{ display: block;}

/* SECTION_EX02 */

.sec__ex02__list li{ font-size: 114%; display: inline-block; width: 100%; padding: 0 2%; vertical-align: top; text-align: center; overflow: hidden; margin: 0 0 30px 0; letter-spacing: normal; }
.sec__ex02__list__catch img{ margin: 0 auto;}
.sec__ex02__list li:nth-child(4) { width: 100%; margin: 0 auto 30px auto; text-align: center; display: inline-block; }
.sec__ex02__list__br__pc{ display: none!important;}
.sec__ex02__list__br__sp{ display: block!important;}

}

/* ～699ここまで
----------------------------------------*/

/* フッター用調整（ディスプレイ幅680px以下） */

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

/* FOOTER */

footer{ width:100%; background: #333; padding:30px 0; clear:both;}
.foot__link{ float: none; width: 100%; overflow: hidden; text-align: center; margin: 0 auto 10px auto; }
.copy{ float: none; text-align: center; font-size: 85%; color: #fff;}

}

/* スマートフォン（ディスプレイ幅599px以下）より小さい画面 */

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

/* 共通
----------------------------------------*/

body { min-width: 320px; }

/* INNER */

.inner{ width: 96%; margin: 0 auto; clear: both; overflow: hidden; }
.inner__head{ width: 100%; max-height: 100%; padding: 0 0 0 2%; margin: 0; clear: both; overflow: hidden; position: relative; }
.inner__list__ptn03{ width: 100%; margin: 0 auto; clear: both; overflow: hidden; }

/* HEADER */

header{ width:100%; height:60px; box-sizing: border-box; margin:0 auto; clear:both; position:fixed; top:0; z-index:100; background:#fff; border-top:4px solid #e14234; }
.head__logo{ width: auto; height:56px; padding: 12px 0; box-sizing: border-box; }
.head__present{ float: none; position: fixed; right: 0; top: 0; width: 60px; height: 60px; padding: 0; max-height: 100%; z-index: 101;}
.head__phone{ position: fixed; width: 160px; height: 40px; top:13px; right: 70px; box-sizing: border-box; text-align: right; padding: 0; }
header img{ max-height: 100%; }


/* SECTION01 */

.sec__01{ clear: both; position: relative;}
.sec__01{ margin: 0; padding: 60px 0 0 0;}
.sec__01 img{ width: 100%; height: auto;}

/* SECTION02 */

.sec__02{ clear: both; position: relative; padding: 50px 0;}
.service__list{ overflow: hidden; clear: both; letter-spacing: -.4em; width: 100%;}
.service__list li{ width: 50%; padding: 15px 2%; display: inline-block; text-align: center; vertical-align: top; border-right:1px dashed #cacaca; letter-spacing: normal; }
.service__list li:nth-child(1){ border-bottom:1px dashed #cacaca; }
.service__list li:nth-child(2){ border-right:none; border-bottom:1px dashed #cacaca; }
.service__list li:last-child{ border-right:none; }
.service__list li img{ display: block; margin: 0 auto 10px auto;}
.service__list__til{ margin: 0 auto; color: #000; font-size: 164%; }
.service__list__txt{ font-size: 100%; letter-spacing: -0.05em;}

.pc_on{ display:none!important;}
.pc_on_only{ display:none!important;}
.tb_on{ display:block!important;}
.tb_on_only{ display:none!important;}
.sp_on{ display:block!important;}

/* SECTION03 */

.sec__03{ clear: both; position: relative; padding: 0px 0; background: #f5f5f5;}
.sec__03__intro{ background: url(../img/sp/bg_sec03_intro.jpg) no-repeat center top / cover;}

.plain__list{ background:rgba(255,255,255,0.8);}

.sec__03__left{ float: none; width: 100%; text-align: center;}
.sec__03__left img{ margin: 0 auto; display: block; max-width: 70%;}
.sec__03__right{ float: none; width: 100%; text-align: left; overflow: hidden; padding: 40px 0 0 0;}
.sec__03__right__til{ margin: 0 auto 20px auto; padding: 0; line-height: 1.2; display: flex; font-size: 142%; font-weight: normal; align-items: center; text-align: left; /* for no-flexbox browsers */ }
.sec__03__right__til:before,.sec__03__right__til:after { color: #000; border-top: 1px solid; content: ""; display: inline; /* for IE */ flex-grow: 1;}
.sec__03__right__til:before,.sec__03__right__til:after { margin-left: 0.5em; margin-right: 0.5em }
.sec__03__right p{ font-size: 114%;}

/* COMMON BG */

.common__back{ padding: 100px 0; text-align: center; color: #fff; }
.common__back01{ background: url(../img/sp/bg01.jpg) no-repeat center center / cover;}
.common__back02{ background: url(../img/sp/bg02.jpg) no-repeat center center / cover;}
.common__back03{ background: url(../img/sp/bg03.jpg) no-repeat center center / cover;}
.common__back04{ background: url(../img/sp/bg04.jpg) no-repeat center center / cover;}
.common__back__ex01{ background: url(../img/sp/bg_ex01.jpg) no-repeat center center / cover;}
.common__back__ex02{ background: url(../img/sp/bg_ex02.jpg) no-repeat center center / cover;}

.common__back__til01{ font-size: 128%;max-width: 96%; margin: 0 auto;}
.common__back__til01 span{ font-size: 233%; }
.common__back__til02{ font-size: 300%; line-height: 1.3; max-width: 96%; margin: 0 auto;}
.common__back__til03{ font-size: 128%;}
.common__back__til03 span{ font-size: 233%;}

/* SECTION04 */

.list__ptn01{ overflow: hidden; clear: both;}
.list__ptn01 li{ overflow: hidden; clear: both; width: 100%; padding: 30px 0; margin: 0 auto; border-bottom: 1px dotted #000; display: block; }
.list__ptn01 li:last-child{ border-bottom:none; }
.list__ptn01__img{ display: block; margin: 0 0 20px 0;}
.list__ptn01__txt{ font-size: 114%; text-align: left; display: block; }
.list__ptn01__txt span{ font-weight: bold; text-decoration: underline;}
.list__ptn01 li:nth-child(1) .list__ptn01__img{ width: 100%; }
.list__ptn01 li:nth-child(2) .list__ptn01__img{ width: 100%; text-align: left; }
.list__ptn01 li:nth-child(3) .list__ptn01__img{ width: 100%; }
.list__ptn01 li:nth-child(1) .list__ptn01__txt{ width: 100%; }
.list__ptn01 li:nth-child(2) .list__ptn01__txt{ width: 100%; }
.list__ptn01 li:nth-child(3) .list__ptn01__txt{ width: 100%; }

/* SECTION05 */

.list__ptn02{ overflow: hidden; clear: both; padding: 40px 0; }
.list__ptn02 li{ overflow: hidden; float: none; width: 80%; margin: 0 auto 30px auto; }
.list__ptn02 li:nth-child(2){ float: none; }
.list__ptn02 li:nth-child(3){ float: none; display: block; margin: 0 auto; padding: 0 0 0 0;}
.list__ptn02__til{ margin: 0 auto 20px auto; }

/* SECTION06 */

.sec__06{ clear: both; position: relative; }
.list__ptn03{ overflow: hidden; clear: both; padding: 0px 0; letter-spacing: -.4em;}
.list__ptn03 li{ overflow: hidden; display:inline-block; width: 100%; padding: 40px 4%; text-align: center; letter-spacing: normal; margin: 0 auto;}
.list__ptn03 li:nth-child(4),.list__ptn03 li:nth-child(5){ margin: 0 auto;}
.list__ptn03 li:last-child{ margin: 0 auto;}
.list__ptn03 li:nth-child(1),.list__ptn03 li:nth-child(3),.list__ptn03 li:nth-child(5){ background: #f6f6f6;}
.list__ptn03 li:nth-child(2),.list__ptn03 li:nth-child(4),.list__ptn03 li:nth-child(6){ background: #fff;}
.list__ptn03__step{ margin: 0 auto; }
.list__ptn03__til__box{ display: table; height: 100px; width: 100%;}
.list__ptn03__til{ width: 100%; height: 100%; letter-spacing: -0.03em; line-height: 1.5; font-size: 114%; vertical-align: middle; display: table-cell;}

/* SECTION_EX02 */

.sec__ex02__list__til01{ position: relative; z-index: 3; margin: 0 auto; line-height: 100px; overflow: hidden; font-size: 184%; height: 100px; width: 100px; background: #d94234; border-radius: 50%; text-align: center; color: #fff;}
.sec__ex02__list__til02{ position: relative; z-index: 3; margin: 0 auto; line-height: 1.1; padding: 22px 0; overflow: hidden; font-size: 184%; height: 100px; width: 100px; background: #d94234; border-radius: 50%; text-align: center; color: #fff;}

/* SECTION07 */

.sec__07{ clear: both; position: relative; }
.sec__07__front{ padding: 60px 0; clear: both; background: url(../img/sp/bg05.jpg) no-repeat center top / cover;}
.sec__07__front__sub{ font-size: 170%; margin: 0 auto 20px auto; color: #fff; text-align: center;}
.sec__07__front__til{ font-size: 228%; line-height: 1.6; margin: 0 auto 30px auto; color: #fff; text-align: center; letter-spacing: 0.1em;}
.sec__07__list{ clear: both; position: relative; z-index: 1; padding: 20px 0;}
.sec__07__list__img{ width:40%; position: relative; z-index: 3; left: 0; top: 0px; margin: 0 auto;}
.sec__07__list__til{ position: relative; background: #836c4e; padding: 15px 4% 15px 4%; text-align: center; margin: 30px 0 0 0px; font-size: 184%; color: #fff;}
.sec__07__list ul{ position: relative; background: #fff; padding: 20px 4% 20px 4%; text-align: left; margin: 0 0 0 0px;}
.sec__07__list ul li{ margin: 0 4% 15px 0; font-size: 121%; position: relative; z-index: 2; padding: 0 0 0 75px ;}
.sec__07__list ul li .point{ position:absolute; left: 0; top: 6px; z-index: 3; font-size: 60%; color: #fff; padding: 2px 10px; text-align: center; background: #836c4e; border-radius: 15px;}
.sec__07__list ul li:last-child{ margin: 0 0 0 0;}

/* SECTION08 */

.sec__08{ width:100%; position:relative; margin:0 auto; padding:80px 0 0 0; z-index:1; clear:both; background: #e8e7de;}
.sec__08 h2{ padding:0 0 20px 0; font-size: 300%; margin:0 auto; text-align: center; display:block;}
.sec__08box{ width:100%; clear:both; margin:0 auto; padding: 0 0 80px 0;}

/* THANKS */

.thanks__box{ padding: 100px 0 100px 0; margin: 0 auto; clear: both;}
.thanks__box h1{ padding:0 0 30px 0; font-size: 300%; line-height: 1.4; margin:0 auto; text-align: center; display:block;}
.thanks__box p{ text-align: center; margin: 0 auto 30px auto;}
#ThanksComment a{ cursor:pointer; letter-spacing: 0.05em; width:80%; padding: 20px 0; font-weight: bold; text-align:center; color:#FFFFFF; background:#d84231; font-size: 142%; display:block; margin:0 auto;
transition: all 0.3s ease-in-out 0s; -webkit-appearance:none; border-radius: 10px; border-bottom:10px solid #b4382c; border-left:none; border-right: none; border-top: none; }


}

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

/* HEADER */

header{ width:100%; height:50px; box-sizing: border-box; margin:0 auto; clear:both; position:fixed; top:0; z-index:100; background:#fff; border-top:4px solid #e14234; }
.head__logo{ width: auto; height:46px; padding: 6px 0; box-sizing: border-box; }
.head__present{ float: none; position: fixed; right: 0; top: 0; width: 50px; height: 50px; padding: 0; max-height: 100%; z-index: 101;}
.head__phone{ position: fixed; width: 140px; height: 40px; top:10px; right: 55px; box-sizing: border-box; text-align: right; padding: 0; }

/* SECTION01 */

.sec__01{ margin: 0; padding: 50px 0 0 0;}

}

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

/* HEADER */

.head__logo{ width: auto; max-width: 48%; height:42px; padding:10px 0 8px 0; }
.head__present{ float: none; position: fixed; right: 0; top: 0; width: 50px; height: 50px; padding: 0; max-height: 100%; z-index: 101;}
.head__phone{ position: fixed; width: 140px; height: 40px; top:10px; right: 55px; box-sizing: border-box; text-align: right; padding: 0; }

.common__back__til01{ font-size: 114%;max-width: 96%; margin: 0 auto;}
.common__back__til01 span{ font-size: 200%; }
.common__back__til02{ font-size: 228%; line-height: 1.4; max-width: 96%; margin: 0 auto;}

/* INTERLUDE */

.sec__interlude__left{ font-size: 128%; }

/* THANKS */

.thanks__box h1{ padding:0 0 30px 0; font-size: 200%; line-height: 1.4; margin:0 auto; text-align: center; display:block;}


}

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

/* SECTION_EX01 */

.sec__ex01__list__txt h3{ font-size: 107%; padding: 0px 0 0 0; text-align: center;}
.sec__ex01__list__txt h3 span{ font-size: 150%; line-height: 1.5; background: url(../img/bg_til.png) repeat-x left bottom; padding: 0 5px;}

/* COMMON BG */

.common__back__til03{ font-size: 114%;}
.common__back__til03 span{ font-size: 233%;}

/* SECTION05 */

.list__ptn02 li{ overflow: hidden; float: none; width: 96%; margin: 0 auto 30px auto; }

}

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

/* HEADER */

.head__logo{ width: auto; max-width: 140px; height:auto; padding:15px 0 8px 0; box-sizing: border-box; }
.head__present{ float: none; position: fixed; right: 0; top: 0; width: 50px; height: 50px; padding: 0; max-height: 100%; z-index: 101;}
.head__phone{ position: fixed; width: 140px; height: 40px; top:10px; right: 55px; box-sizing: border-box; text-align: right; padding: 0; }

/* INTERLUDE */

.sec__interlude__left{ font-size: 114%; }

}

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

/* HEADER */
.head__logo{ width: auto; max-width: 130px; height:auto; padding:14px 0 8px 0; box-sizing: border-box; }
.head__phone{ position: fixed; width: 110px; height: 40px; top:14px; right: 55px; box-sizing: border-box; text-align: right; padding: 0; }

}