@charset "UTF-8";
/*#333383*/
#contens dl{margin-top: 80px;padding-bottom: 80px; position: relative;}
#contens dt{width: 70%;margin-left: auto}
#contens dt .et{width:563px;margin-left: auto}
#contens dt .box{box-shadow: 0 0 8px gray;background: #fff;padding:60px 20px;}
#contens dt .box .naka{margin-left: 140px;width: 400px}
#contens dt .box h3{font-size: 2.5rem;line-height: 1.3em; letter-spacing: 0.1em;margin-bottom: 20px;}
#contens dt .box p{line-height: 2em;font-size: 1.5rem;}
#contens dd{width: 40%;position: absolute;top: 20px;left: 0}

#contens .re dt{margin-right: auto;margin-left: 0}
#contens .re dt .et{margin-right: auto;margin-left: 0}
#contens .re dt .box .naka{margin-left: 0px;margin-right: 140px;}
#contens .re dd{top: 20px;right: 0;left: auto}

@media screen and (min-width:768px){ /*PC独自設定*/
#contens .re dt .box .photo{-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;}
#contens .re dt .box .naka{-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;}
}

@media screen and (max-width:767px){/*スマホ対応*/
#contens dl{margin-top: 40px;padding-bottom: 40px; }
#contens dd{width: 90%;margin:-20px auto 0;position: static}
#contens dt{width: 100%;}
#contens dt .box h3{font-size: 2rem;}
#contens dt .et{width:70%;}
#contens dt .box{padding: 20px;}
#contens dt .box .naka{margin-left: 0px;width: 100%}
#contens dt .box .photo{width: 50%;margin: 12px auto}


#contens .re dt .box .naka{margin-left: 0px;margin-right: 0px;}
}