h2.type1{
font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, "ＭＳ Ｐ明朝", serif;
font-size:234%;
font-weight:normal;
color:rgb(47, 169, 226);
text-align:center;
letter-spacing:0.24em;
line-height:140%;
}
#visual #visual-text{
max-width:320px;
}
.fastsection{
padding:48px 0;
}
section .prms-inner{
padding-bottom: 8px;
}
.last-section{
padding-bottom:56px;
}
#mtm2{
padding-top:40px;
}
.fff{
background-color:#fff;
}
h2 span.chousei{
letter-spacing:-0.08em;
font-size:88%;
}
h3.leaves{
/*max-width:740px;*/
margin:0 auto;
}
h3.leaves span{
background-color:#edf8fd;
}
h4.type1{
margin:24px auto 24px;
max-width:704px;
}
h4.type1 .p-right::before{
right:8px;
}
h4.with-checkbox-icon{
display:inline-block;
font-family FontAwesome;
font-weight:bold;
font-size:23px;
letter-spacing:0.08em;
padding-bottom:8px;
line-height:1.5em;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
h4.with-checkbox-icon span.otona{
color:#6dbad8;
}
h4.with-checkbox-icon span.otona:before{
content:"\f046";
font-family:FontAwesome;
color:#6dbad8;
font-size:1.3em;
position:relative;
top:4px;
}
h4.with-checkbox-icon span.kodomo{
color:#e27092;
}
h4.with-checkbox-icon span.kodomo:before{
content:"\f046";
font-family:FontAwesome;
color:#e27092;
font-size:1.3em;
position:relative;
top:4px;
}
h4.mtm{
color:#1d95cc;
font-weight:bold;
font-size:132%;
line-height:130%;
letter-spacing:0.2em;
border-bottom:#6dbad8 dashed 2px;
display:block;
position:relative;
padding:8px;
margin:24px 0;
}
.section_num span{
font-size:134%;
color:#fff;
background:#6dbad8;
border-radius:8px;
text-align:center;
margin-left:8px;
padding:0 8px !important;
letter-spacing:0;
}
.section_num span.last{
letter-spacing:-0.1em !important;
padding:0 6px 0 0 !important;
}
/*mtm_h4 flow-c*/
h4.num-c{
color:#e27092;
border-bottom:#ecb5c7 dashed 2px;
}
.section-c span{
font-size:134%;
color:#fff;
background:#e899b2;
border-radius:8px;
text-align:center;
margin-left:8px;
padding:0 8px !important;
letter-spacing:0;
}
/*スマホの改行*/
.sp-br{
display:none;
}
/*テキスト・画像*/
.photo_s{
padding-top:16px;
}
.photo_320{
width:100%;
max-width:320px;
}
.photo_220{
width:100%;
max-width:220px;
}
.max-w{
max-width:248px;
}
.caption-text{
font-size:0.85em;
text-align:right;
letter-spacing:0.08em;
margin-top:-8px;
margin-right:0px;
}
/*テキストボックス*/
.mtm-flow_p-box{
display:table;
width:70%;
}
.mtm-flow_p-box_table-cell{
display:table-cell;
max-width:568px;
position:relative;
left:16px;
vertical-align:middle;
height:165px;
}
.left0{
left:0px;
}
.mtm-flow_p-box_table-cell p{
margin-bottom:0px;
}
.marginbottom0{
margin-bottom:0px;
}
.ecf3fa{
background:#ecf3fa;
padding:32px;
max-width:640px;
display:block;
margin:0px auto 40px;
}
.ecf3fa p{
color:#6dbad8;
font-size:1.15em;
}
/*mtm-c*/
.f5ecf1{
background:#faecf1;
padding:32px;
max-width:640px;
display:block;
margin:0px auto 40px;
}
.f5ecf1 p{
color:#e27092;
}
.message{
margin:32px auto;
width:100%;
max-width:704px;
}
.message h5{
color:#e27092;
font-size:140%;
font-weight:bold;
text-align:center;
margin:24px auto 0;
background-color:#fae8ed;
border:solid 8px #fae8ed;
border-top-right-radius:16px;
border-top-left-radius:16px;
padding:16px;
}
.message h5.blue{
color:#6dbad8;
background-color:#e8f5fa;
border:solid 8px #e8f5fa;
}
.message-text{
font-size:113%;
color:#313131;
background-color:#f7fafc;
border:solid 8px #f7fafc;
padding:3%;
border-bottom-right-radius:16px;
border-bottom-left-radius:16px;
margin:0 auto 32px;
}
.message-text p{
letter-spacing:0.08em;
}
/*messagebox mtm-c*/
.message-c{
background-color:#fcf7fb;
border:solid 8px #fcf7fb;
}
/*次へBTN*/
.next-and-back{
padding-right:10px;
margin-top:30px;
}
.next{
box-sizing:border-box;
float:right;
width:40%;
margin: 0px 0px 0px !important;
margin-right:0px;
margin-right:10px !important;
}
.back{
box-sizing:border-box;
float:left;
width:40%;
margin: 0px 0px 0px !important;
margin-right:0px;
margin-right:10px !important;
}
.next a, .back a{
box-sizing:border-box;
padding:8px;
display:block;
text-decoration:none !important;
text-align:center !important;
transition:all 0.3s ease-in-out 0s;
background:#6dbad8;
border:dashed 2px #fff;
border-radius:1px;
list-style:none;
-webkit-box-shadow:0px 0px 0px 8px #6dbad8, 3px 3px 8px rgba(0, 0, 0, 0.3);
-moz-box-box-shadow:0px 0px 0px 8px #6dbad8, 3px 3px 8px rgba(0, 0, 0, 0.3);
box-shadow:0px 0px 0px 8px #6dbad8, 3px 3px 8px rgba(0, 0, 0, 0.3);
color:#fff;
font-weight:bold;
}
.next a:hover, .back a:hover{
background:#6dbad8;
color:#fff;
}
.next-c a{
background:#ecb5c7;
-webkit-box-shadow:0px 0px 0px 8px #ecb5c7, 3px 3px 8px rgba(0, 0, 0, 0.3);
-moz-box-box-shadow:0px 0px 0px 8px #ecb5c7, 3px 3px 8px rgba(0, 0, 0, 0.3);
box-shadow:0px 0px 0px 8px #ecb5c7, 3px 3px 8px rgba(0, 0, 0, 0.3);
}
.next-c a:hover{
background:#ecb5c7;
color:#fff;
}
/*次へBTN flow-c*/
/*.next-c{
background:#ecb5c7;
}*/
.anaa{
display:flex;
align-items:center;
border-bottom: #ecb5c7 dashed 2px;
padding-bottom:4px;
margin-bottom:16px;
}
.anaa span:first-child{
background:#e899b2;
padding:8px 0;
box-sizing:border-box;
border-radius:5px;
color:#fff;
font-weight:bold;
text-align:center;
font-size:140%;
margin-right:8px;
width:100%;
max-width:36px;
}
.otn span:first-child{
background:#6dbad8;	
}
.otn{
border-bottom: #6dbad8 dashed 2px;
}

h4.otn span:last-child {
    color: #1d95cc;
}
.anaa span:last-child{
font-size: 19px;
font-weight: bold;
color: #e27092;
line-height: 1.3em;
}
.padstp{
padding-top:40px;	
}
@media screen and (max-width:767px){


}
@media screen and (max-width:414px){
#visual-text{
max-width:299px;
}
#visual #visual-text{
top:72%;
}
h3.leaves{
text-align:center;
}
/*スマホの改行*/
.sp-br{
display:block;
}
.mtm-flow_p-box{
width:97%;
}
.mtm-flow_p-box_table-cell{
max-width:400px;
left:8px;
height:auto;
}
.m_float_l{
float:none !important;
display:block !important;
margin:0 auto 32px !important;
}
.m_float_r{
float:none !important;
display:block !important;
margin:0 auto 32px !important;
}
.next,.back{
float:none;
width:95%;
}
.next{
margin-bottom:32px !important;
}
.next-c{

}

}

/*green-mtm_flow-menu*/

/*→*/
.arrow p{
font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,"ＭＳ Ｐ明朝",serif;
color:#6dbad8;
font-weight:bold;
font-size:26px;
letter-spacing:0.12em;
}
.arrow-sp p{
font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,"ＭＳ Ｐ明朝",serif;
position:relative;
left:16px;
color:#6dbad8;
font-weight:bold;
font-size:2em;
letter-spacing:0.12em;
top:-8px;
}
/*→　mtm-c*/
.arrow-c{
left:40px;
width:56%;
/*background:#f1d0dc;*/
}
.arrow.arrow-c:after{
content:'';
position:absolute;
width:0;
height:0;
top:50%;
transform:translateY(-50%);
right:-28px;
border:14px solid transparent;
border-left-color:#f1d0dc;
z-index:999;
}
.arrow-c p{
color:#e899b2;
}

/*箇条書きのところの背景とかデザイン*/
.writing-mode-vertical{
margin:32px auto;
}
.otona{
width:608px;
}

/*縦書き　pc-view*/
.vlr{
-webkit-writing-mode:vertical-lr;
-ms-writing-mode:tb-lr;
writing-mode:vertical-lr;
}
.to-upright{
-webkit-writing-mode:vertical-lr;
-ms-writing-mode:tb-lr;
writing-mode:vertical-lr;
}
.to-upright{
-webkit-text-orientation:upright;
text-orientation:upright;
}
/*箇条書きの●の●の色とか数字の色とか間隔とか*/
.ol-style{
counter-reset:li;
list-style:none;
padding-left:0;
font-size:168%;
margin:0 auto;
padding:0;
}
.ol-style > li{
position:relative;
margin-bottom:1em;
padding-left:2.0em;
letter-spacing:0.1em;
left:-40px;
}
/*リストの●とか数字とか*/
.ol-style > li:before{
content:counter(li) "";
counter-increment:li;
position:absolute;
left:36px;
width:1.9em;
height:1.9em;
background:none;
border:#6dbad8 dashed 1.5px;
border-radius:50px;
color:#6dbad8;
font-weight:bold;
line-height:1.78em;
text-align:center;
}
/*now*/
.ol-style > li.now:before{
background:#6dbad8;
color:#fff;
}
@supports (-ms-ime-align:auto) {
.ol-style > li:before {
    transform: rotate(-90deg);
}
.ol-style{
max-height:300px;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ol-style > li:before {
    transform: rotate(-90deg);
}
.ol-style{
max-height:300px;
}
}
/*リストの●とか数字　mtm-c*/
.kodomo{
width:360px;
margin:0 auto;
}
ol.mtm-c > li:before{
border:#e899b2 dashed 1.5px;
border-radius:50px;
color:#e899b2;
}
/*なう　flow-c*/
ol.mtm-c  > li.now:before{
background:#e899b2;
color:#fff;
}
/*横書き　sp-view*/
.sp{
width:320px;
}
/*pc/sp切り替え*/
.pc-view{
display:block;
}
.sp-view{
display:none;
}
.arrow {
    position: relative;
    left: 52px;
    width: 72%;
    background: #dad4d1;
    height: 12px;
    display: block;
    margin: 16px auto 48px;
}
.arrow p {
    font-weight: bold;
    font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
    position: relative;
    left: -128px;
    font-size: 184%;
    letter-spacing: 0.12em;
    color: #71492d;
    padding-bottom: 16px;
    top: -16px;
}
.arrow:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    transform: translateY(-50%);
    right: -28px;
    border: 14px solid transparent;
    border-left-color: #dad4d1;
    z-index: 999;
}
.arrow-c {
    left: 40px;
    width: 56%;
    background: #f0ed25;
}
.arrow.arrow-c:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    transform: translateY(-50%);
    right: -28px;
    border: 14px solid transparent;
    border-left-color: #f0ed25;
    z-index: 999;
}
@media screen and (max-width:767px){
.mtm-flow_p-box{
width:64%;
}
h3.leaves{
text-align:center;
}
.next,.back{
padding-left:16px;
}
.ol-style > li span {
    padding-top: 0;
    -ms-padding-top: 0;
}
.ol-style > li::before{
transform: unset;
}
.to-upright {
    -webkit-text-orientation: none;
    -ms-text-orientation: none;
    text-orientation: none;
}
.to-upright {
    -webkit-writing-mode: unset;
    -ms-writing-mode: unset;
}
.vlr{
-webkit-writing-mode:unset;
-ms-writing-mode:unset;
writing-mode:unset;
}
.arrow,.arrow-c {
    left: 0;
    width: 100%;
    background: none;
}
.arrow:after,.arrow-c:after {
display:none;
}
.arrow p,.arrow-c p {
    color: #71492d;
    left: 16px;
}
.arrow {
    left: 0;
    width: 100%;
    background: none;
}
.arrow:after{
	display:none;
}
.arrow p {
    font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
    position: relative;
    left: 16px;
    /*color: #6dbad8;*/
    font-weight: bold;
    font-size: 26px;
    letter-spacing: 0.12em;
    top: -8px;
}
.ecf3fa,.f5ecf1{
padding:8px;
}
/*flow-c*/
}
@media screen and (max-width:414px){
.ol-style{
counter-reset:li;
list-style:none;
padding-left:48px;
font-size:120%;
}
.ol-style > li{
padding-left:1.0em;
line-height:1.8;
}
.ol-style > li:before{
left:0;
width:1.8em;
height:1.8em;
line-height:1.8;
}
.sp-c p{
color:#e899b2;
}
.pc-view{
display:none;
}
.sp-view{
display:block;
}
.otona{
width:320px;
}
.kodomo{
width:320px;
}
h2.type1,h1.type1{
font-size:170%;
}
}


/*ファーストビューボタン*/

.kaisuu{
padding-bottom:2em;
}
/*大人・子供width*/
.ot_color #kaisuu_in{
max-width:585px;		
}
.kt_color #kaisuu_in{
max-width:360px;		
}

#kaisuu_in{
width:100%;
margin:0 auto;
}
#kflex{
display:flex;
justify-content: space-between;
}
#kflex li{
-webkit-writing-mode: vertical-lr; 
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr;
position:relative;
z-index:1;	
font-size:24px;
}
#ms_ie #kflex li a span:first-child{
transform:rotate(-90deg);
display:inline-block;
margin-left:10px;
}
#kflex li a span:first-child{
font-size:26px;
position:relative;
text-align:center;
margin-bottom:12px;
font-weight:bold;
text-orientation: upright;
}
#kflex li a span:first-child:after{
content:"";
position:absolute;
width:40px;
height:40px;
z-index:-1;
display:block;
border-radius: 50%;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
.dsp-only{
	display:none;	
}
/*カラー設定*/
.ot_color{
background:#f2f6fd;	
}
.ot_color #kflex li a span:first-child{
color:#6dbad8;	
}
.ot_color #kflex li.k_act a span:first-child{
color:#fff;	
}
.ot_color #kflex li.k_act a span:first-child:after{
background:#6dbad8;
}
.ot_color #kflex li a span:first-child:after{
border: #6dbad8 dashed 1.5px;

}
.kt_color{
background:#fcfcf1;	
}
.kt_color #kflex li a span:first-child{
color:#e899b2;	
}
.kt_color #kflex li.k_act a span:first-child{
color:#fff;	
}
.kt_color #kflex li.k_act a span:first-child:after{
background:#e899b2;
}
.kt_color #kflex li a span:first-child:after{
border: #e899b2 dashed 1.5px;

}

@media screen and (max-width: 767px) {
#kflex{
display:block;	
}
#kflex li {
-webkit-writing-mode: horizontal-tb;
-ms-writing-mode: horizontal-tb;
writing-mode: horizontal-tb;
}

#kflex li a span:first-child{
margin-right:14px;
margin-left:14px;	
}
#kflex li:not(:last-child){
margin-bottom:20px;	
}
.arrow{
margin:0;
margin-bottom: 28px;	
}
.arrow p{
font-size:14px;
font-weight:bold;
line-height:1em;	
position:static;
text-align:center;

}

.kaisuu{
padding-top:16px;
padding-bottom:16px;
width:100%;
max-width:45px;
border-top-left-radius:10px;
border-bottom-left-radius:10px;
box-shadow: 0 1px 3px #ccc;
position: fixed;
top: 15%;
right:0;
z-index:180;
padding-left:2px;
}
#kflex li a span:last-child{
display:none;
}
#menupadding{
padding-right:40px;	
}
.mtm-flow_p-box{
width:100%;	
}
.dsp-only{
display:block;	
}
/*カラー設定*/
.ot_color{
background: rgba(242, 246, 253, 0.48);
}
.kt_color{
background: rgba(232, 153, 178, 0.09);
}

.kaisuu{
display:none;	
}


}
@media screen and (max-width: 414px) {
.mtm-flow_p-box_table-cell{
position:static;	
}

}